<html>
<head>
	<link rel="stylesheet" href="css/eggplant/jquery-ui-1.8.18.custom.css" type="text/css">
	<link rel="stylesheet" href="css/studentvoice.css" type="text/css">
	<script src="js/jquery-1.7.2.min.js" type="text/javascript" ></script>
	<script src="js/jquery-ui-1.8.18.custom.min.js" type="text/javascript"></script>
	<script src="js/studentvoice.js" type="text/javascript"></script>
    <script type="text/javascript" src="js/Listerator.js"></script>
</head>
<body>
    <form action='/setClassLayoutData' style="text-align:center">
        <div class="centered400">
            Class Topics
            <div id="subjects" style="border:1px solid red">
                <div style="border:1px dashed black">
                    <div><label for="topicname">Topic name</label><input type="text" name="topicname" id="topicname" /></div>
                    <div><label for="topictime">Time</label><input type="text" name="topictime" id="topictime" /></div>
                </div>
            </div>
        </div>
        <div class="centered400">
            Exam
            <div id="examquestions" style="border:1px solid green">
                <div style="border:1px dashed black">
                    <div><label for="text">Question</label><textarea name="questiontext"></textarea></div>
                    <div><input type="radio" name="correctanswer" value="1" /><input type="text" name="answer1_" /></div>
                    <div><input type="radio" name="correctanswer" value="2" /><input type="text" name="answer2_" /></div>
                    <div><input type="radio" name="correctanswer" value="3" /><input type="text" name="answer3_" /></div>
                    <div><input type="radio" name="correctanswer" value="4" /><input type="text" name="answer4_" /></div>
                </div>
            </div>
        </div>
        <button type="submit" onclick="">Update</button>
    </form>

    <script>
        var addClassData = function (data) {
            console.log(data);
        };

        jQuery(function () {

            StudentVoice.getClassData(addClassData);

            jQuery('#subjects').Listerator();
            jQuery('#examquestions').Listerator();
        });
    </script>
</body>
</html>